<template>
	<view class="header">
		<view class="logo">
			<image src="../../static/images/logo.png" mode=""></image>
			<p>中源慧云终端调试系统</p>
		</view>
		<view class="title">
			{{name}}
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			name:{
				type:String,
				require:true,
				default:''
			}
		},
		data() {
			return {

			};
		},
		onLoad(options) {
			// options 是一个对象，包含了从调用页面传递过来的所有参数
			console.log(options);
			// 解构
			// const {
			// 	name,
			// 	age
			// } = options;
			// 现在可以使用这些参数了
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	 * {
		margin: 0;
		padding: 0;
	}

	.header {
		// background: url() repeat fixed center;
		// height: 350rpx;
		background-color: #efefef;

		.logo {
			height: 150rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #e7923b;
			font-size: 36rpx;
			// font-family: 'Courier New', Courier, monospace;
			// font-weight: bolder;
			word-spacing: 10rpx;
			letter-spacing: 4rpx;

			image {
				width: 46rpx;
				height: 46rpx;
				margin-right: 10rpx;
			}

		}

		.title {
			// background-color: aqua;
			height: 200rpx;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
</style>